<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8"><!-- 这里标识了页的编码视别格式 -->
	<meta http-equiv="X-UA-compatible" content="IE-edge,Chrome=1"><!-- 对IE8以下启用兼容模式 -->
	<meta http-equiv="X-UA-Compatible" content="IE=9" />
	<meta name="viewport" content="width=device-width , initial-scale=1"><!-- 对于设备显示比便为1:1不启用缩放 -->
	<title></title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon"/>
	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.css" type="text/css"/><!-- 引入bootstrapcss文件 -->
	<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/><!-- 引入awesome-icon字体css含中文字体 -->
	<link rel="stylesheet" href="assets/css/default/default.css"/>
	<link rel="stylesheet" href="assets/css/nivo-slider.css"/>
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><!-- 引用jquery库文件 -->
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet/less" href="assets/less/m.less">
</head>
<body>
<div class="container m-logo">
	<div class="row">
		<div class="col-md-4">
			<div class="thumbnail nobr">
				<img src="assets/img/logo.gif" alt="">
			</div><!-- / -->
		</div>
		<div class="col-md-8">
			<form class="navbar-form navbar-left" role="search">
				<div class="form-group">
				<input type="text" class="form-control" placeholder="Search">
				</div>
				<button type="submit" class="btn btn-danger">搜索</button>
				<a href="javascript:void(0);" title="" class="btn btn-danger">我要发布需求</a>
			</form>
		</div>
	</div><!-- / -->
</div>
<nav class="navbar navbar-default">
	<div class="container">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="javascript:void(0);">悟空1688</a>
		</div>
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">供应大厅 <span class="sr-only">(current)</span></a></li>
				<li><a href="#">求购大厅</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">悟空来帮忙<span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="#">供应大厅</a></li>
						<li><a href="#">Another action</a></li>
						<li><a href="#">Something else here</a></li>
						<li role="separator" class="divider"></li>
						<li><a href="#">Separated link</a></li>
						<li role="separator" class="divider"></li>
						<li><a href="#">One more separated link</a></li>
					</ul>
				</li>
			</ul>
		</div><!-- /.navbar-collapse -->
	</div><!-- / -->
</nav>
<div class="container">
	<div class="row">
		<div class="col-md-2">
			<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
			  <div class="panel panel-default">
			    <div class="panel-heading" role="tab" id="headingOne">
			      <h4 class="panel-title">
			        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
			         	半成品
			        </a>
			      </h4>
			    </div>
			    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
					<ul class="list-group">
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-glass"></span> 坐具类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-desktop"></span> 桌类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-archive"></span> 柜类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-th-large"></span> 床类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-archive"></span> 箱、架类</a></li>
					</ul><!-- / -->
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading" role="tab" id="headingTwo">
			      <h4 class="panel-title">
			        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
			          材料
			        </a>
			      </h4>
			    </div>
			    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
					<ul class="list-group">
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-glass"></span> 坐具类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-desktop"></span> 桌类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-archive"></span> 柜类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-th-large"></span> 床类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-archive"></span> 箱、架类</a></li>
					</ul><!-- / -->
			    </div>
			  </div>
			  <div class="panel panel-default">
			    <div class="panel-heading" role="tab" id="headingThree">
			      <h4 class="panel-title">
			        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
			          其它
			        </a>
			      </h4>
			    </div>
			    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
					<ul class="list-group">
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-glass"></span> 坐具类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-desktop"></span> 桌类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-archive"></span> 柜类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-th-large"></span> 床类</a></li>
						<li class="list-group-item"><a href="" title=""><span class="fa fa-angle-right pull-right"></span><span class="fa fa-archive"></span> 箱、架类</a></li>
					</ul><!-- / -->
			    </div>
			  </div>
			</div>
		</div>
		<div class="col-md-7">
	        <div class="slider-wrapper theme-default">
	            <div id="slider" class="nivoSlider">
	                <img src="assets/pic/1.jpg" data-thumb="assets/pic/1.jpg" alt="" />
	                <a href="javascript:void(0);">
	                	<img src="assets/pic/2.jpg" data-thumb="assets/pic/2.jpg" alt="" title="This is an example of a caption" />
	                </a>
	                <img src="assets/pic/3.jpg" data-thumb="assets/pic/3.jpg" alt="" data-transition="slideInLeft" />
	                <img src="assets/pic/4.jpg" data-thumb="assets/pic/4.jpg" alt="" title="#htmlcaption" />
	            </div>
	            <div id="htmlcaption" class="nivo-html-caption">
	                <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
	            </div>
	        </div>
		</div>
		<div class="col-md-3">
			<div class="panel panel-default nobr">
				<div class="panel-body text-center">
					<a href="javascript:void(0);" class="btn btn-danger" title=""><span class="fa fa-user"></span> 用户登录</a>
					<a href="javascript:void(0);" class="btn btn-danger" title=""><span class="fa fa-edit"></span> 用户注册</a>
				</div><!-- / -->
			</div><!-- / -->
			<!-- Nav tabs -->
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">我是卖家</a></li>
				<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">我是买家</a></li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="home">
					<div class="panel panel-default">
						<div class="panel-body text-center">
							<a href="javascript:void(0);" class="btn btn-danger" title=""><span class="fa fa-pencil"></span> 发产品</a>
							<a href="javascript:void(0);" class="btn btn-danger" title=""><span class="fa fa-edit"></span> 找商机</a>
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div>
				<div role="tabpanel" class="tab-pane" id="profile">
					<div class="panel panel-default">
						<div class="panel-body text-center">
							<a href="javascript:void(0);" class="btn btn-danger" title=""><span class="fa fa-pencil"></span> 找产品</a>
							<a href="javascript:void(0);" class="btn btn-danger" title=""><span class="fa fa-edit"></span> 发需求</a>
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
							<li class="list-group-item"><a href="" title="">【供应】如何寻找产品及供货商</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div>
			</div>
		</div>
	</div>
	<!-- 楼层列表 -->
	<div class="row m-lst-category">
		<div class="col-md-12">
			<div class="panel panel-danger">
				<div class="panel-heading">
					1F <span class="fa fa-angle-right"></span> 半成品
				</div><!-- / -->
				<div class="panel-body">
					<div class="row">
						<div class="col-md-6">
							<div class="row">
								<div class="col-md-4">
									<div class="thumbnail">
										<img src="assets/img/m-sub1-1.jpg" alt="">
									</div>
								</div>
								<div class="col-md-8">
									<div class="page-header">
										<h4>消费市场</h4>
									</div>
									<div class="row">
										<div class="col-md-9">
											<ul class="list-group nobr">
												<li class="list-group-item">
													<strong>消防报警:</strong>
													<a href="" title="">感温探测器</a>
													<a href="" title="">燃气报警器</a>
												</li>
												<li class="list-group-item">
													<strong>自动灭火:</strong>
													<a href="" title="">细水雾</a>
													<a href="" title="">超细干粉</a>
												</li>
												<li class="list-group-item">
													<strong>消防器材:</strong>
													<a href="" title="">灭火器</a>
													<a href="" title="">消防泵</a>
												</li>
												<li class="list-group-item">
													<strong>消防装备:</strong>
													<a href="" title="">消防服装</a>
													<a href="" title="">呼吸器</a>
												</li>
												<li class="list-group-item">
													<strong>防火材料</strong>
													<a href="" title="">防火涂料</a>
													<a href="" title="">防火玻璃</a>
												</li>
												<li class="list-group-item">
													<strong>建筑防火:</strong>
													<a href="" title="">防火门</a>
													<a href="" title="">防火窗</a>
												</li>
												<li class="list-group-item">
													<strong>其它消防:</strong>
													<a href="" title="">消防图书</a>
													<a href="" title="">防爆减压</a>
												</li>
												<li class="list-group-item">
													<strong>执点:</strong>
													<a href="" title="">D类灭火器</a>
													<a href="" title="">消防系统</a>
												</li>
											</ul>
										</div>
										<div class="col-md-3"></div>
									</div><!-- / -->
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="row">
								<div class="col-md-4">
									<div class="thumbnail">
										<img src="assets/img/m-sub1-1.jpg" alt="">
									</div>
								</div>
								<div class="col-md-8">
									<div class="page-header">
										<h4>消费市场</h4>
									</div>
								</div>
							</div>
						</div>
					</div><!-- / -->
				</div><!-- / -->
			</div><!-- / -->
		</div>
	</div>
</div><!-- / -->
<footer>
	<div class="footer-lst">
		<div class="container">
			<div class="row">
				<div class="col-md-2">
					<div class="panel panel-wk">
						<div class="panel-heading">
							<span class="fa fa-question"></span> 新手指南
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">注册新用户</a></li>
							<li class="list-group-item"><a href="" title="">雇主入门</a></li>
							<li class="list-group-item"><a href="" title="">服务商入门</a></li>
							<li class="list-group-item"><a href="" title="">规则中心</a></li>
							<li class="list-group-item"><a href="" title="">关于悟空1688</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div><!-- / -->
				<div class="col-md-2">
					<div class="panel panel-wk">
						<div class="panel-heading">
							<span class="fa fa-question"></span> 新手指南
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">注册新用户</a></li>
							<li class="list-group-item"><a href="" title="">雇主入门</a></li>
							<li class="list-group-item"><a href="" title="">服务商入门</a></li>
							<li class="list-group-item"><a href="" title="">规则中心</a></li>
							<li class="list-group-item"><a href="" title="">关于悟空1688</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div><!-- / -->
				<div class="col-md-2">
					<div class="panel panel-wk">
						<div class="panel-heading">
							<span class="fa fa-question"></span> 新手指南
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">注册新用户</a></li>
							<li class="list-group-item"><a href="" title="">雇主入门</a></li>
							<li class="list-group-item"><a href="" title="">服务商入门</a></li>
							<li class="list-group-item"><a href="" title="">规则中心</a></li>
							<li class="list-group-item"><a href="" title="">关于悟空1688</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div><!-- / -->
				<div class="col-md-2">
					<div class="panel panel-wk">
						<div class="panel-heading">
							<span class="fa fa-question"></span> 新手指南
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">注册新用户</a></li>
							<li class="list-group-item"><a href="" title="">雇主入门</a></li>
							<li class="list-group-item"><a href="" title="">服务商入门</a></li>
							<li class="list-group-item"><a href="" title="">规则中心</a></li>
							<li class="list-group-item"><a href="" title="">关于悟空1688</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div><!-- / -->
				<div class="col-md-2">
					<div class="panel panel-wk">
						<div class="panel-heading">
							<span class="fa fa-question"></span> 新手指南
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">注册新用户</a></li>
							<li class="list-group-item"><a href="" title="">雇主入门</a></li>
							<li class="list-group-item"><a href="" title="">服务商入门</a></li>
							<li class="list-group-item"><a href="" title="">规则中心</a></li>
							<li class="list-group-item"><a href="" title="">关于悟空1688</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div><!-- / -->
				<div class="col-md-2">
					<div class="panel panel-wk">
						<div class="panel-heading">
							<span class="fa fa-question"></span> 新手指南
						</div><!-- / -->
						<ul class="list-group">
							<li class="list-group-item"><a href="" title="">注册新用户</a></li>
							<li class="list-group-item"><a href="" title="">雇主入门</a></li>
							<li class="list-group-item"><a href="" title="">服务商入门</a></li>
							<li class="list-group-item"><a href="" title="">规则中心</a></li>
							<li class="list-group-item"><a href="" title="">关于悟空1688</a></li>
						</ul><!-- / -->
					</div><!-- / -->
				</div><!-- / -->
			</div><!-- / -->
		</div><!-- / -->
	</div><!-- / -->
	<div class="text-center container m-copy">
		<!-- 底部次导航 -->
		<div>
			<a href="" title="">关于我们</a>
			<a href="" title="">联系方式</a>
			<a href="" title="">广告服务</a>
			<a href="" title="">新闻中心</a>
			<a href="" title="">网站地图</a>
			<a href="" title="">公司资质</a>
			<a href="" title="">加入我们</a>
			<a href="" title="">商务合作</a>
			<a href="" title="">热门服务</a>
			<a href="" title=""><span class="icon icon-mobile"></span> 悟空1688移动版</a>
		</div>
		<!-- 底部友情链接 -->
		<div>
			友情链接： <a href="javascript:(0);" title="">猪标局</a>
			<a href="javascript:(0);" title="">法律服务</a>
			<a href="javascript:(0);" title="">美丽说</a>
			<a href="javascript:(0);" title="">A5站长网</a>
			<a href="javascript:(0);" title="">艾瑞网</a>
			<a href="javascript:(0);" title="">19楼</a>
			<a href="javascript:(0);" title="">昵图素材网</a>
			<a href="javascript:(0);" title="">我拉网</a>
			<a href="javascript:(0);" title="">法律咨询</a>
			<a href="javascript:(0);" title="">天堂图片网</a>
			<a href="javascript:(0);" title="">轨客网</a>
			<a href="javascript:(0);" title="">搜了网</a>
			<a href="javascript:(0);" title="">拉钩网</a>
			<a href="javascript:(0);" title="">建材网</a>
			<a href="javascript:(0);" title="">汇博人才</a>
			<a href="javascript:(0);" title="">品牌设计</a>
			<a href="javascript:(0);" title="">工厂网</a>
			<a href="javascript:(0);" title="">58同城网</a>
			<a href="javascript:(0);" title="">赶集网</a>
			<a href="javascript:(0);" title="">寻购网</a>
			<a href="javascript:(0);" title="">阿里巴巴</a>
			<a href="javascript:(0);" title="">买房网</a>
			<a href="javascript:(0);" title="">招聘网</a>
			<a href="javascript:(0);" title="">软件开发网</a>
			<a href="javascript:(0);" title="">阿里国际</a>
			<a href="javascript:(0);" title="">天蓬网</a>
			<a href="javascript:(0);" title="">需求市场网</a>
			<a href="javascript:(0);" title="">二手房在线</a>
			<a href="javascript:(0);" title="">114导航网</a>
			<a href="javascript:(0);" title="">热铺网</a>
			<a href="javascript:(0);" title="">更多>></a>
		</div>
		<!-- site copyright -->
		<div>
			copyright &copy; 2014-2015 wukong1688.com All Right reservice! 悟空1688网 版权所有   豫ICP备：2015888-1号   豫B2-888888
		</div>
		<div class="f-tac">
			<img src="assets/img/m-ft-pic.gif" alt="资质">
		</div><!-- / -->
	</div><!-- / -->
</footer>
<script>
$(function () {
  $('[data-toggle="tooltip"]').tooltip();//A标签提示模块
})
</script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script><!-- 引用bootstrap库文件 -->
<script src="http://cdn.bootcss.com/less.js/2.5.0/less.min.js"></script><!-- less库文件 -->
<script type="text/javascript" src="assets/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
	$(window).load(function() {
		$('#slider').nivoSlider({
	        controlNav: false,
	        controlNavThumbs: false
		});
	});
</script>
</body>
</html>